﻿<!--
THIS CODE AND INFORMATION IS PROVIDED "AS IS" WITHOUT WARRANTY OF
ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
PARTICULAR PURPOSE.

Copyright (c) Microsoft Corporation. All rights reserved
-->

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="/css/scenario3.css" />
    <script src="/js/jquery-1.6.2.min.js"></script>
    <script src="/js/scenario3.js"></script>
    <script src="/js/html2canvas.js"></script>
    <script src="/js/jquery.plugin.html2canvas.js"></script>
</head>
<body>
    <div data-win-control="SdkSample.ScenarioInput">
        <p>Apply some artistic effects on an image file using HTML canvas and save to a file using the imaging APIs.</p>
        <button id="buttonOpen">Open</button>
        <button id="buttonRender">Apply effect</button>
        <button id="buttonSave">Save as</button>
    </div>
    <div data-win-control="SdkSample.ScenarioOutput">
        <canvas id="outputCanvas" width="600" height="200" />
    </div>
    <div id="table1" style="width:100px;height:100px;background:red;">
        <table>
            <tr>
                <td>
                    1
                </td>
            <td>
                    1
                </td>
                <td>
                    1
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
